<template>
  <div id="app">
    <v-header></v-header>
    <router-view></router-view>
    <v-footer></v-footer>
  </div>
</template>

<script>
import header from './components/header/header.vue';
import footer from './components/footer/footer.vue';

export default {
  name: 'app',
  components: {
    'v-footer': footer,
    'v-header': header
  }
};
</script>

<style lang="less"  rel="stylesheet/less" type="text/less">
  html {
    font-size: 20px;
    height: 100%;
  }
  body , #app {
    height: 100%;
  }

</style>
